<template>
	<view class="fu-p-y-30">
		<demo-desc margin="0 15px">
			此组件与CSS中position: sticky属性实现的效果一致
		</demo-desc>
		
		<fu-section title="基本案例" customClass="fu-m-t-20 fu-m-x-30" type="line"></fu-section>
		<fu-sticky>
			<fu-button height="44" color="#2979ff">基本吸顶</fu-button>
		</fu-sticky>
		
		<fu-section title="有距离吸顶" customClass="fu-m-t-20 fu-m-x-30" type="line"></fu-section>
		<fu-sticky customNavHeight="105">
			<fu-button height="44" color="#31C9E8">有距离吸顶</fu-button>
		</fu-sticky>
		
		<fu-section title="取消吸顶" customClass="fu-m-t-20 fu-m-x-30" type="line"></fu-section>
		<fu-sticky :disabled="true">
			<fu-button height="44" color="#FF7043">取消吸顶</fu-button>
		</fu-sticky>
		
		<view class="" style="height: 100vh;"></view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background-color: $bg-color;
	}
</style>